.change-button-wrapper{
  position: absolute;
  top: 77px;
  right: 510px;
  z-index: 999;
  .inner{
    color: #fff;
    font-size: 14px;
    padding: 0 8px;
    list-style: none;
    background: transparent;
    transition: all .3s;
    border-radius: 5px;
    &:hover{
      background: rgba(20, 29, 41, 0.8);
      >li{
        opacity: 1;
        z-index: 999;
      }
    }
    li{
      padding: 8px 15px;
      position: relative;
      cursor: pointer;
      transition: all .3s;
      text-align: center;
      opacity: 0;
      z-index: -1;
      &:before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 90%;
        height: 1px;
        background: linear-gradient(90deg, #2e3c4c, #c2bab3, #2e3c4c);
      }
      &.active{
        color: #6ec0ff;
      }
      &:hover{
        color: #6ec0ff;
      }
      &:last-child{
        &:before{
          width: 0;
        }
      }
    }
  }
}
